<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh">
<%@include file="/lyear/common/head.jsp"%>
<body>
<div class="lyear-layout-web">
    <div class="lyear-layout-container">
        <!--左侧导航-->
        <%@include file="/lyear/common/aside.jsp" %>
        <!--End 左侧导航-->

        <!--头部信息-->
        <%@include file="/lyear/common/top.jsp" %>
        <!--End 头部信息-->
        <!--页面主要内容-->
        <main class="lyear-layout-content">

            <div class="container-fluid">

                <div class="row">

                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-toolbar clearfix">
                                <div class="toolbar-btn-action">
                                    <a class="btn btn-primary m-r-5" href="#!"><i class="mdi mdi-plus"></i> 新增</a>
                                    <a class="btn btn-success m-r-5" href="#!"><i class="mdi mdi-check"></i> 启用</a>
                                    <a class="btn btn-warning m-r-5" href="#!"><i class="mdi mdi-block-helper"></i> 禁用</a>
                                    <a class="btn btn-danger" href="#!" ><i class="mdi mdi-window-close" ></i> 删除</a>
                                </div>
                            </div>
                            <c:forEach items="${pageBean.result}" var="category">
                            <div style="margin: 20px 0 5px 25px;height: 20px;width: 100px">
                                <span >${category.name}</span>
                            </div>

                            <div class="container-fluid" style="margin-left: 10px">
                                <div class="row">
                                    <div>
                                        <div class="col-sm-6 col-lg-3">

                                                <div class="card-header bg-primary">
                                                    <h4>项目名称</h4>
                                                    <ul class="card-actions">
                                                        <li>
                                                            <button type="button" value="jni"><i class="mdi mdi-more"></i>nihao</button>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="card-body">
                                                    <img src="${pageContext.request.contextPath}/lyear/images/img-slide-5.jpg" alt="">
                                                </div>

                                        </div>

                                        <a href="www.baidu.com">更多...</a>
                                    </div>
                                </div>
                            </div>
                            </c:forEach>
                            <div style="margin: 20px 0 5px 25px;height: 20px;width: 100px">
                                <span>类别</span>
                            </div>
                            <div class="container-fluid" style="margin-left:10px">
                                <div class="row">
                                    <div>
                                        <div class="col-sm-6 col-lg-3">
                                            <div class="card">
                                                <div class="card-header bg-primary">
                                                    <h4>主色</h4>
                                                    <ul class="card-actions">
                                                        <li>
                                                            <button type="button"><i class="mdi mdi-more"></i></button>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="card-body">
                                                    <p>内容...</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <%-- 分页--%>
                            <%@include file="/lyear/common/page.jsp" %>
                            <!--End 分页-->

                        </div>
                    </div>
                </div>
            </div>
        </main>
    </div>
</div>
<script type="text/javascript" src="${pageContext.request.contextPath}/lyear/js/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/lyear/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/lyear/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/lyear/js/main.min.js"></script>
<!--对话框-->
<script src="${pageContext.request.contextPath}/lyear/js/jconfirm/jquery-confirm.min.js"></script>
<script type="text/javascript">

</script>

</body>